<template>
  <view style="margin: 20rpx 0 40rpx 0">
    <uni-grid :column="5" :highlight="true" :show-border="false">
      <uni-grid-item v-for="item in homeCategoryList" :key="item!.id">
        <view class="grid-item-box" style="background-color: #fff">
          <navigator :url="item.id" class="item_box">
            <image :src="item!.icon" class="icon" />
            <view class="text">{{ item.name }}</view>
          </navigator>
        </view>
      </uni-grid-item>
    </uni-grid>
  </view>
</template>

<script lang="ts" setup>
import type { homeCategoryType } from '@/types/home'
defineProps<{
  homeCategoryList: homeCategoryType[]
}>()
</script>

<style lang="scss">
@import './styles/categoryPanel.scss';
</style>
